<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>05-选择器初级和背景详解-02</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			#box{width:300px;height:350px;border:1px solid red;margin:50px auto;}
			#box .n-box{width:280px;height:20px;margin:10px auto;}
			#box .n-box h1{display:inline-block;}
			#box .n-box span{font-size:20px;color:#dedcdc;font-weight:600;}
			#box .line-box{width:280px;height:1px;border-top:1px solid #0a0a0a;margin:5px auto;}
			#box p{height:15px;}
			#box .n-box2{width:280px;margin:0 auto;}
			#box .n-box2 li{width:280px;height:30px;background:url("../images/bg.png") 0 0 no-repeat;}
			#box .n-box2 li span{padding:30px;}
			#box .n-box2 .li2{background:url("../images/bg.png") 0 -30px no-repeat;}
			#box .n-box2 .li3{background:url("../images/bg.png") 0 -60px no-repeat;}
			#box .n-box2 .li4{background:url("../images/bg.png") 0 -90px no-repeat;}
			#box .n-box2 .li5{background:url("../images/bg.png") 0 -120px no-repeat;}
			#box .n-box2 .li6{background:url("../images/bg.png") 0 -150px no-repeat;}
			#box .n-box2 .li7{background:url("../images/bg.png") 0 -180px no-repeat;}
			#box .n-box2 .li8{background:url("../images/bg.png") 0 -210px no-repeat;}		
		</style>
	</head>
	<body>	
		<div id="box">
			<div class="n-box">
				<h1>潮流排行</h1>
				<span>Most Read</span>
			</div>
			<p></p>
			<div class="line-box"></div>
			<p></p>
			<div class="n-box2">
				<ul>
					<li><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li2"><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li3"><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li4"><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li5"><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li6"><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li7"><span>秋冬拗造型 你需要一款时髦...<span></li>
					<li class="li8"><span>秋冬拗造型 你需要一款时髦...<span></li>
				</ul>
			</div>
		</div>	
	</body>
</html>
